﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>我的书签</title>
    <meta name="robots" content="all">
    <meta name="googlebot" content="all">
    <meta name="baiduspider" content="all">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <link rel="stylesheet" data-ignore="true" href="/Public/home/css/sprite.8d3e7.css"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_421713_nqy49l11qlkawcdi.css" />
    <script src="/Public/home/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css">
        @font-face {
            font-family: 'iconfont';  /* project id 421713 */
            src: url('//at.alicdn.com/t/font_421713_nqy49l11qlkawcdi.eot');
            src: url('//at.alicdn.com/t/font_421713_nqy49l11qlkawcdi.eot?#iefix') format('embedded-opentype'),
            url('//at.alicdn.com/t/font_421713_nqy49l11qlkawcdi.woff') format('woff'),
            url('//at.alicdn.com/t/font_421713_nqy49l11qlkawcdi.ttf') format('truetype'),
            url('//at.alicdn.com/t/font_421713_nqy49l11qlkawcdi.svg#iconfont') format('svg');
        }
        .footer{width: 100%;position: fixed;left: 0;right: 0;bottom: 0;background: #fff;border-top: 1px solid #ddd;display: table;z-index: 9;}
        .footer ul{display: table-row;}
        .footer li{display: table-cell;text-align: center;}
        .footer li a{height: 49px;line-height: 49px;display: block;font-size: 0.9rem;color: #a0a0a0;font-family: "Microsoft Yahei", sans-serif}
        .footer li a.active{color: #ff730b;}
        .footer li a i{width: 17px;height: 17px;display: inline-block;background: url(/Public/home/images/column.png) no-repeat;background-size: 115px 17px;position: relative;top: 4px;margin-right: 6px;}
        .footer li a i.icon-book{background-position: 0 0;}
        .footer li a.active i.icon-book{background-position: -20px 0;}
        .footer li a i.icon-choice{background-position: -42px 0;}
        .footer li a.active i.icon-choice{background-position: -61px 0;}
        .footer li a i.icon-my{background-position: -80px 0;}
        .footer li a.active i.icon-my{background-position: -98px 0;}
    </style>
</head>
<body class=" unlogin">
<script data-ignore="true" src="/Public/home/js/sprite.84759.js"></script>
<div class="page page-bookshelft-my">
    <div class="content">
        <header id="header" class="header" data-l1="41">
            <nav class="btn-group btn-group-small">
                <h3 class="btn-group-cell"><a href="/Home/Shelf/index" class="btn-tab ">我的书架</a></h3>
                <h3 class="btn-group-cell"><a href="/Home/Shelf/myhistory" class="btn-tab">最近阅读</a></h3>
                <h3 class="btn-group-cell"><a href="/Home/Shelf/novelsign" class="btn-tab active">我的书签</a></h3>
            </nav>


        </header>

    </div>
     <!--<div id="editBtnHeader" class="mybook-module-header">
         <header class="mybook-default-header">
             <div class="module-header-l">
                 <?php if(!empty($signs)):?>
                 <a class="select-ul" id="bookGroupListSwitchtContainer" style="font-size: 14px;">共{$signs_count}个书签记录</a>
                 <?php endif;?>
             </div>
         </header>
     </div>-->
    <ol id="bookEditOl" style="padding-bottom: 12%;margin-top: 5%;" class="book-ol book-ol-progress" data-sort-type="2" data-count-num="3" data-page-size="20">
             
                 <span class="list-split-1">
                 <if condition="$signs neq ''">
                     <volist name="signs" id="item">
                        <li class="book-li book-init-recomm" data-book-id="{$item.novel_id}" data-list-type="list-book" style="height:40px;border-bottom: 1px solid rgba(255,115,11,.3);border-top: 1px solid rgba(255,115,11,.3);;position: relative;margin-bottom: 5px;">
                            <a style="width: 70%;
                                    text-overflow: ellipsis;
                                    display: -webkit-box;
                                    -webkit-line-clamp: 1;
                                    -webkit-box-orient: vertical;
                                    overflow: hidden;
                                    line-height: 2.5rem;margin-left: 5%;" href="/Home/Novel/show/id/{$item.chapter_id}/novel_id/{$item.novel_id}">《{$item.novel_name}》{$item.chapter}{$item.chapter_name}</a>
                            <a href="javascript:void (0)" class="signdel" data-sign-id="{$item.sign_id}" style="width:60px;border-radius:5px;text-align:center;height:25px;line-height:25px;color:white;font-size:.8rem;background-color: #F3391B;display: inline-block;position: absolute;right: 4%;top: 22%">删除</a>
                        </li>
                     </volist>
                 </if>
                 <?php if(empty($signs)):?>
                         <div style="position: fixed;text-align: center;top: 45%;left: 0;right: 0;margin: auto;">
                             <p>你还没有添加任何书签哟~</p>

                         </div>
                 <?php endif;?>
                  </span>

    </ol>
</div>
<div class="footer" id="footer_nav">
    <ul>
        <li>
            <a href="/Home/Shelf/index"><i class="icon-book"></i>书架</a>
        </li>
        <li>
            <a href="/Home/Index/index"><i class="icon-choice"></i>首页</a>
        </li>
        <li>
            <a href="/Home/User/userinfo"><i class="icon-my"></i>我的</a>
        </li>
    </ul>
</div>

<a href="#header" class="footer-backtop-circle jsBackToTop" title="返回顶部" data-l1="40" data-eid="mqd_A51">
    <svg class="icon icon-backtop">
        <use xlink:href="#icon-backtop"></use>
    </svg>
</a>
</body>
<script type="text/javascript">
    $(function() {
        $('#footer_nav li a').removeClass('active');
        $('#footer_nav li').eq(0).find("a").addClass('active');
    })
    $('.signdel').click(function(){
        var target = $(this);
        $.post("/Home/Shelf/signdel",{
            'id':$(this).attr('data-sign-id')
        },function(data){
            if(data.status==1){
                target.parent().remove();
                if ($('.list-split-1').find('li').length==0) {
                    var htmls = '<div style="position: fixed;text-align: center;top: 45%;left: 0;right: 0;margin: auto;"> <p>你还没有添加任何书签哟~</p> </div>';
                    $('.list-split-1').html(htmls);
                }
            }
        },'json');

    })

</script>
</html>